<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <#include "/common/commoncss.ftl">
    <script type="text/javascript" src="plugins/My97DatePicker/WdatePicker.js"></script>
    <title>Insert title here</title>
    <script type="text/javascript" src="js/plan/planedit.js"></script>
    <script type="text/javascript" src="js/common/data.js"></script>
    <meta charset="UTF-8">

    <style>
        .box {
            position: relative;
            border-radius: 3px;
            background: #ffffff;
            border-top: 3px solid #d2d6de;
            margin-bottom: 20px;
            width: 100%;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            padding: 10px 0px 10px 10px;
        }

        .box-body .form-group {
            margin-bottom: 15px;
        }

        .box .box-body .text {
            min-height: 114px;
        }

        .box .box-body .row .ischeck {
            width: 28px;
            height: 28px;
        }

        .label-back {
            background-color: #6C7B8B;
            color: white;
        }

        .label-back:hover {
            color: white !important;
        }


        .accpet {
            position: absolute;
            top: 30px;
            right: 20px;
            background-color: #00a65a;
            color: white;
            width: 74px;
            height: 25px;
            font-size: 10px;
            padding: 0 0 2px;
            text-align: center;
            line-height: 25px;
        }

        .accpet:hover {
            color: white !important;
        }

        .form-group .btn {
            background-color: #eee;
            width: 100px;
            height: 34px;
        }

        #ctl00_cphMain_fuAttachment {
            opacity: 0;
            position: relative;
            top: -22px;
        }

    </style>
    <title></title>

</head>
<body>
<div class="box increase">
    <form action="plansave" method="post" onsubmit="return check();" enctype="multipart/form-data">
        <div class="box-header">
            <a onclick="window.history.back();" class="btn label-back">
                <span class="glyphicon glyphicon-chevron-left"></span>返回</a>
        </div>


        <div class="box-body">
            <div class="alert alert-danger alert-dismissable" role="alert"
                 style="display: none;">
                错误信息:
                <button class="close" type="button">&times;</button>
                <span class="error-mess"></span>
            </div>

            <div class="row">
                <div class="col-md-6 form-group">
                    <label class="control-label">
                        <span>类型</span>
                    </label>
                    <select class="form-control plantype" onchange="dochange(); " name="typeId">
                        <#list typelist as t>
                            <#if plan??>
                                <option value="${t.typeId}" ${(plan??&&plan.typeId==t.typeId)?string('selected','')}>${t.typeName}</option>
                            <#else >
                                <option value="${t.typeId}">${t.typeName}</option>
                            </#if>
                        </#list>

                    </select>
                </div>
                <div class="col-md-6 form-group">
                    <label class="control-label">状态</label>
                    <select class="form-control" name="statusId">
                        <#list statuslist as s>
                            <#if plan??>
                                <option value="${s.statusId}" ${(plan??&&plan.statusId==s.statusId)?string('selected','')}>${s.statusName}</option>
                            <#else >
                                <option value="${s.statusId}">${s.statusName}</option>
                            </#if>
                        </#list>
                    </select>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 form-group">
						<span>
						<label class="control-label">开始时间</label>
						</span>
                    <input class="form-control" id="starTime" name="startTime"
                           value="<#if plan??>${plan.startTime}</#if>"/>
                </div>
                <div class="col-md-6 form-group">
                    <label class="control-label">结束时间</label>
                    <input class="form-control" id="endTime" name="endTime" value="<#if plan??>${plan.endTime}</#if>"/>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 form-group">
                    <label class="control-label">标题</label>
                    <input class="form-control" name="title" value="<#if plan??>${plan.title}</#if>"/>
                </div>
                <div class="col-md-6 form-group" style="position: relative;">
                    <label class="control-label">标签</label>
                    <input class="form-control" name="label" value="<#if plan??>${plan.label}</#if>"/ >
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 form-group">
                    <label class="control-label">计划</label>
                    <textarea class="form-control text" placeholder="至少20个字"
                              name="planContent"><#if plan??>${plan.planContent}</#if></textarea>
                </div>
                <div class="col-md-6 form-group">
                    <label class="control-label">总结</label>
                    <textarea class="form-control text" placeholder="至少20个字"
                              name="planSummary"><#if plan??>${plan.planSummary}</#if></textarea>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 form-group">
                    <label class="control-label">评价</label>
                    <textarea disabled="disabled" class="form-control text"
                              name="planComment"><#if plan??>${(plan.planComment)!''}</#if></textarea>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 form-group">
                    <div class="btn btn-default ">
                        <span class="glyphicon glyphicon-paperclip">增加附件</span> <input
                                type="file" name="file"
                                id="ctl00_cphMain_fuAttachment"/>
                    </div>
                    <p class="help-block">5MB以内</p>
                </div>
            </div>
            <input type="hidden" name="pid" value="${pid}">
            <input type="hidden" name="pageflag" value="${pageflag!''}">
        </div>
        <div class="box-footer">
            <input class="btn btn-primary" id="save" type="submit" value="保存"/>
            <input class="btn btn-default active" id="cancel" type="button" value="取消"
                   onclick="window.history.back();"/>
        </div>
    </form>
</div>

<#include "/common/modalTip.ftl">
<script type="text/javascript">

    $('.successToUrl').on('click', function () {
        window.location.href = '/planview';
    });

    //表单提交前执行的onsubmit()方法；返回false时，执行相应的提示信息；返回true就提交表单到后台校验与执行
    function check() {
        console.log("开始进入了");
        //提示框可能在提交之前是block状态，所以在这之前要设置成none
        $('.alert-danger').css('display', 'none');
        var isRight = 1;
        $('.form-control').each(function (index) {
            // 如果在这些input框中，判断是否能够为空
            if ($(this).val() == "") {
                // 排除哪些字段是可以为空的，在这里排除
                if (index == 5 || index == 7 || index == 8) {
                    return true;
                }
                // 获取到input框的兄弟的文本信息，并对应提醒；
                var brother = $(this).siblings('.control-label').text();
                var errorMess = "[" + brother + "输入框信息不能为空]";
                // 对齐设置错误信息提醒；红色边框
                $(this).parent().addClass("has-error has-feedback");
                $('.alert-danger').css('display', 'block');
                // 提示框的错误信息显示
                $('.error-mess').text(errorMess);
                // 模态框的错误信息显示
                $('.modal-error-mess').text(errorMess);
                isRight = 0;
                return false;
            } else {
                if ($("#starTime").val() > $("#endTime").val()) {
                    var errorMess = "[开始日期不能大于结束日期]";
                    // 对齐设置错误信息提醒；红色边框
                    //开始和结束框提示错误
                    $("#starTime").parent().addClass("has-error has-feedback");
                    $("#endTime").parent().addClass("has-error has-feedback");
                    $('.alert-danger').css('display', 'block');
                    // 提示框的错误信息显示
                    $('.error-mess').text(errorMess);
                    // 模态框的错误信息显示
                    $('.modal-error-mess').text(errorMess);
                    isRight = 0;
                }
                if (index == 4) {
                    //去除空格
                    var $title = $(this).val().replace(" ", "");
                    if ($title.length > 50) {

                        var brother = $(this).siblings('.control-label').text();
                        var errorMess = "[" + brother + "输入框不能大于50字]";
                        // 对齐设置错误信息提醒；红色边框
                        $(this).parent().addClass("has-error has-feedback");
                        $('.alert-danger').css('display', 'block');
                        // 提示框的错误信息显示
                        $('.error-mess').text(errorMess);
                        // 模态框的错误信息显示
                        $('.modal-error-mess').text(errorMess);
                        isRight = 0;
                    }
                }
                if (index == 6 || index == 7) {
                    var $content = $(this).val().replace(" ", "");
                    if ($content.length < 20) {
                        // 获取到input框的兄弟的文本信息，并对应提醒；
                        var brother = $(this).siblings('.control-label').text();
                        var errorMess = "[" + brother + "输入框信息至少20个字]";
                        // 对齐设置错误信息提醒；红色边框
                        $(this).parent().addClass("has-error has-feedback");
                        $('.alert-danger').css('display', 'block');
                        // 提示框的错误信息显示
                        $('.error-mess').text(errorMess);
                        // 模态框的错误信息显示
                        $('.modal-error-mess').text(errorMess);
                        isRight = 0;
                    }
                }
                // 在这个里面进行其他的判断；不为空的错误信息提醒
                return true;
            }
        });
        if (isRight == 0) {
            //modalShow(0);
            return false;
        } else if (isRight == 1) {
            //modalShow(1);
            return true;
        }
//	return false;
    }


</script>
</body>
</html>
